<template>
  <div class="contact-main">
    <div class="loginLink" style="" onclick="window.open('https://www.feishu.cn/invitation/page/add_contact/?token=0acl975e-75ec-49b4-a163-62d0d02a703c')">
      <img :src="feishu"
           class="loginLinkImg"
           style=""/>
      <div class="gd-color-title">我的飞书</div>
    </div>
    <div class="loginLink" style="" @click="handleClickWeChat">
      <img :src="weixin"
           class="loginLinkImg"
           style=""/>
      <div class="gd-color-title">我的微信</div>
    </div>
  </div>
</template>

<script>
import feishu from '../../public/feishu.svg';
import weixin from '../../public/wechat.svg';
const url_feishu = "https://www.feishu.cn/invitation/page/add_contact/?token=0acl975e-75ec-49b4-a163-62d0d02a703c"
export default {
  name: "contact-card",
  data:function () {
    return{
      url_feishu,
      feishu,
      weixin
    }
  },
  methods:{
    handleClickWeChat(){
      this.$alert('<img style="width: 400px" src="https://dc.tju.ink/qrCode.jpg" />', '我的微信', {
        dangerouslyUseHTMLString: true,
        showConfirmButton: false
      });
    }
  }
}
</script>

<style scoped lang="less">
img {
  padding: 5px;
  border: 1px solid #EEEFF4;
  border-radius: 50px;
}
.contact-main{
  width: 60%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.loginLink{
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.loginLinkImg{
  width: 30px;
  height: 30px;
}
</style>
